﻿<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="proinfo.aspx.cs" Inherits="ManagementCMS.Web.templates.mobile.proinfo" %>

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=0"/>
    <title>会员中心 - 个人资料</title>
    <link rel="stylesheet" type="text/css" href="/templates/mobile/css/style.css" />
    <link rel="stylesheet" type="text/css" href="/templates/mobile/css/weui.min.css" />
     <link rel="stylesheet" type="text/css" href="/templates/mobile/css/validate.css" />
    <script type="text/javascript" charset="utf-8" src="/templates/mobile/js/zepto.min.js"></script>
    <script type="text/javascript" charset="utf-8" src="/templates/mobile/js/weui.min.js"></script>
    <script type="text/javascript" charset="utf-8" src="/templates/mobile/js/common.js"></script>
    <script type="text/javascript" charset="utf-8" src="/templates/mobile/js/mvalidate.js"></script>
    <script type="text/javascript" charset="utf-8" src="/templates/mobile/js/mvalidate-extend.js"></script>
    <script type="text/javascript" charset="utf-8" src="/scripts/jquery/PCASClass.js"></script>
</head>
<body>
     <!--修改资料-->
    <div class="page__bd">
        <!--页面头部-->
        <div class="header">
            <a class="back" href="javascript:history.back();">
                <i class="iconfont icon-arrow-left"></i>
            </a>
            <h3>账户资料</h3>
            <div class="right">
                <a class="weui-cell_access weui-cell_link" href="#">
                    <i class="iconfont icon-user"></i>
                </a>
            </div>
        </div>
        <!--/页面头部-->

        <form name="infoForm" id="infoForm" runat="server" class="form-box"  url="/tools/submit_ajax.ashx?action=user_info_edit">
            <div class="weui-panel weui-panel_access" style="margin-top: 10px;">
                <div class="weui-panel__hd">个人资料</div>
                <div class="weui-panel__bd">
                    <div class="weui-cells_form form-box">
                        <div class="weui-cell">
                            <div class="weui-cell__hd">
                                <label class="weui-label">用户昵称</label>
                            </div>
                            <div class="weui-cell__bd">
                                <input id="txtNickName" name="txtNickName" class="weui-input" type="text" value="" placeholder="用户昵称" data-validate="s" />
                            </div>
                        </div>

                        <div class="weui-cell">
                            <div class="weui-cell__hd">
                                <label class="weui-label">性别</label>
                            </div>
                            <div class="weui-cell__bd">

                                <label style="margin-right: 10px;">
                                    <input name="rblSex" type="radio" value="男" checked="checked" />男</label>
                                <label style="margin-right: 10px;">
                                    <input name="rblSex" type="radio" value="女" />女</label>
                                <label>
                                    <input id="sex-3" name="rblSex" type="radio" value="保密" />保密</label>

                            </div>
                        </div>

                        <div class="weui-cell">
                            <div class="weui-cell__hd">
                                <label class="weui-label">生日</label>
                            </div>
                            <div class="weui-cell__bd">

                                <input name="txtBirthday" id="txtBirthday" type="text" class="weui-input" placeholder="请选择日期" />

                            </div>
                        </div>

                        <div class="weui-cell">
                            <div class="weui-cell__hd">
                                <label class="weui-label">邮箱</label>
                            </div>
                            <div class="weui-cell__bd">
                                <input id="txtEmail" name="txtEmail" type="text" value="" class="weui-input" placeholder="电子邮箱地址" data-validate="e" />
                            </div>
                        </div>

                        <div class="weui-cell">
                            <div class="weui-cell__hd">
                                <label class="weui-label">手机号</label>
                            </div>
                            <div class="weui-cell__bd">
                                <input id="txtMobile" name="txtMobile" type="tel" value="" class="weui-input" placeholder="请输入手机号" data-validate="m" />
                            </div>
                        </div>

                        <div class="weui-cell">
                            <div class="weui-cell__hd">
                                <label class="weui-label">电话</label>
                            </div>
                            <div class="weui-cell__bd">
                                <input id="txtTelphone" name="txtTelphone" type="text" value="" class="weui-input" placeholder="固定电话号码" />
                            </div>
                        </div>

                        <div class="weui-cell">
                            <div class="weui-cell__hd">
                                <label class="weui-label">所属地区</label>
                            </div>
                            <div class="weui-cell__bd">
                                <select id="txtProvince" name="txtProvince" class="select"></select>
                                <select id="txtCity" name="txtCity" class="select"></select>
                                <select id="txtArea" name="txtArea" class="select"></select>
                            </div>
                        </div>

                        <div class="weui-cell">
                            <div class="weui-cell__hd">
                                <label class="weui-label">详细地址</label>
                            </div>
                            <div class="weui-cell__bd">
                                <input id="txtAddress" name="txtAddress" class="weui-input" type="text" placeholder="详细地址" value="" />
                            </div>
                        </div>

                        <div class="weui-cell">
                            <div class="weui-cell__hd">
                                <label class="weui-label">QQ号码</label>
                            </div>
                            <div class="weui-cell__bd">
                                <input id="txtQQ" name="txtQQ" class="weui-input" type="text" placeholder="腾讯QQ号码" value="" />
                            </div>
                        </div>

                    </div>
                </div>
            </div>
            <div class="weui-btn-area">
                <input id="btnSubmit" name="btnSubmit" type="submit" class="weui-btn weui-btn_primary" value="确认修改" />
            </div>
        </form>
    </div>
     <!--/修改资料-->

    <!--底部导航-->
    <div class="weui-tab foot-nav">
        <div class="weui-tab__panel">
        </div>
        <div class="weui-tabbar">
            <a href="#" class="weui-tabbar__item">
                <i class="iconfont icon-home weui-tabbar__icon"></i>
                <p class="weui-tabbar__label">首页</p>
            </a>
            <a href="#" class="weui-tabbar__item">
                <i class="iconfont icon-info weui-tabbar__icon"></i>
                <p class="weui-tabbar__label">个人资料</p>
            </a>
            <a href="#" class="weui-tabbar__item">
                <i class="iconfont icon-pwd weui-tabbar__icon"></i>
                <p class="weui-tabbar__label">修改密码</p>
            </a>
            <a href="#" class="weui-tabbar__item">
                <i class="iconfont icon-invite weui-tabbar__icon"></i>
                <p class="weui-tabbar__label">邀请注册</p>
            </a>
        </div>
    </div>
    <!--/底部导航-->


    <!--修改资料-->
    <script type="text/javascript">
        $(function () {
            //初始化表单
            AjaxInitForm('#infoForm', '#btnSubmit', 1);
            //初始化地区
            var mypcas = new PCAS("txtProvince,所属省份", "txtCity,所属城市", "txtArea,所属地区");
            //var areaArr = ("{userModel.area}").split(",");
            //if (areaArr.length == 3) {
            //    mypcas.SetValue(areaArr[0], areaArr[1], areaArr[2]);
            //}
            //初始化日期
            $("#txtBirthday").on('focus', function () {
                weui.datePicker({
                    start: 1920,
                    end: 2080,
                    defaultValue: [1980, 1, 1],
                    onChange: function (result) {
                    },
                    onConfirm: function (result) {
                        $("#txtBirthday").val(result);
                    },
                    id: 'datePicker'
                });
            });
            //选中TAB样式
            $(".weui-tabbar a").eq(1).addClass("weui-bar__item_on");
        });
    </script>
    <!--/修改资料-->
</body>
</html>
